import React from "react"

// 函数组件
/**
 *调用函数类的组件，得到虚拟DOM 
 * 根据虚拟DOM创建，创建真实DOM
 * 将真实DOM插入到页面中
 */
function App1() {
  return (
    <div>
      <span>芜湖，起飞！</span>
      <h1>我不认可你的操作</h1>
    </div>
  )
}
// 类组件
/**
 * 创建组件类的实例
 * 调用组件对象的render方法创建虚拟DOM
 * 根据虚拟DOM创建真实DOM
 * 将真实DOM插入页面中
 */
class App2 extends React.Component {
  render () {
    return (
      <div>
        <h1>这波我问你</h1>
        <h3>他打野在哪里</h3>
      </div>
    )
  }
}


export  {App1, App2}

